<template>
  <!-- 航班列表头部组件 -->
  <el-row class="flight-title">
    <!-- 航空信息 -->
    <el-col :span="5">航空信息</el-col>
    <!-- 中间列 -->
    <el-col :span="14">
      <el-row type="flex" justify="space-between">
        <el-col :span="12">起飞时间</el-col>
        <el-col :span="12">到达时间</el-col>
      </el-row>
    </el-col>
    <!-- 价格 -->
    <el-col :span="5">价格</el-col>
  </el-row>
</template>

<script>
export default {
  data() {
    return {};
  },
  created() {}
};
</script>

<style lang="less" scoped>
.flight-title {
  padding: 0 15px;
  border: 1px solid #ddd;
  background: #f6f6f6;
  height: 38px;
  line-height: 38px;
  color: #666;
  font-size: 12px;
  margin-bottom: 10px;
  //col原型是div
  > div {
    text-align: center;
  }
}
</style>